﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/JS_Pagingt.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.paging').Paging({
                paging: true,
                type: 'gallary',
                numOfItems: '3000',
                itemsInOnePage: '200',
                maxPagesToShow: '5',
                motion: 'fast'
            });
        });
    </script>
    <style type="text/css">
        .paging
        {
            position: relative;
            text-align: center;
        }
        
        .paging div
        {
            float: left;
            display: block;
        }
        
        .paging ul
        {
            margin: 0px;
            padding: 3px 0px 0px 0px;
            position: relative;
        }
        
        .paging ul li
        {
            list-style: none;
            text-decoration: none;
            float: left;
            margin: 5px 3px;
            padding: 3px 5px;
            border: 1px solid #ffa50b;
            cursor: pointer;
            text-align: center;
            font-weight: bold;
            min-width:20px;
        }
        
        .selected
        {
            background-color: #fff;
            padding: 3px 5px;
            border: 1px solid #ffa50b;
            cursor: pointer;
            text-align: center;
            width: 15px;
            color: #ffa50b;
            font-weight: bold;
            background-color: #333;
            opacity: 1;
            filter: alpha(opacity=100);
        }
        
        .notselected
        {
        }
        
        .prev, .next
        {
            padding: 3px 5px;
            border: 1px solid #333;
            cursor: pointer;
            background-color: #fff;
        }
        
        .block
        {
            position: relative;
            width: 190px;
            overflow: hidden;
        }
        
        .no_more_pages
        {
            padding: 3px 5px;
            border: 1px solid #333;
            background-color: #e5f2ff;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }
    </style>
</head>
<body>
   <div class="paging" style="display:none;">
   </div>
</body>
</html>
